/*
 *  埼玉ダイハツ カスタマイズ用スタイル
 *
 */

/******************************
  * キャリアアッププラン
  ******************************/

.career div.page_title {
    clear: both;
    margin: 0 auto;
    padding-top: 15px;
    width: 1000px;
    height: 290px;
    background: url("-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/career/main_career_bg.png") no-repeat 0 0;
}

.career div.page_title {
    clear: both;
    margin: 0 auto;
    padding-top: 15px;
    width: 1000px;
    height: 290px;
    background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/career/main_career_bg.png') no-repeat 0 0;
}

@media only screen and (max-width: 768px) {
    .career div.page_title {
        width: 100%;
        height: 195px;
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/career/main_career_bg.png') no-repeat 0 bottom;
        background-size: 100%;
        background-position: top;
    }

}

@media only screen and (max-width: 640px) {
    .career div.page_title {
        width: 100%;
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/career/main_career_bg_640.png') no-repeat 0 top;
        background-size: 100%;
        height: 340px;
    }
}

@media only screen and (max-width: 420px) {
    .career div.page_title {
        width: 100%;
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/career/main_career_bg_640.png') no-repeat 0 top;
        background-size: 100%;
        height: 235px;
    }
}

.titleStyle {
    width: auto;
    height: auto;
    ;
    text-align: center;
}

.titleStyle img {
    width: auto !important;
    display: inline;
}

.titleCatch {
    margin: 3em 0 0;
    line-height: 1.8;
}

.titleCatch p {
    margin: 2em 0 0;
}

.titleCatch .textRight {
    text-align: right;
}

.careerblock {
    margin: 6em 0 0;
}

.careerblock .flex {
    display: flex;
}

.careerblock .flex .textCol {
    max-width: 65%;
    flex-basis: 65%;
}

.careerblock .flex .textCol h2 {
    margin: 0 0 2em;
    background-color: unset;
    padding: 0;
}

.careerblock .flex .textCol h2 img {
    width: auto !important;
    display: unset;
}

.careerblock .flex .textCol .textBox {
    max-width: unset;
}

.careerblock .flex .textCol .textBox p {
    margin: 2em 0 0;
    line-height: 1.8;
}

.careerblock .flex .photoCol {
    max-width: 23%;
    flex-basis: 23%;
    margin-left: 5%;
}

.careerblock .flex .photoCol p {
    max-width: unset;
}

.careerblock .flex .photoCol .image img {
    width: 100%;
}

.careerblock .flowimg {
    margin: 4em 0 0;
    text-align: center;
}

.careerblock .flowimg img {
    display: unset !important;
    width: auto !important;
}

@media only screen and (max-width: 768px) {
    .careerblock .flex .textCol {
        flex-basis: auto;
        max-width: auto;
        max-width: initial;
    }

    .careerblock .flex .photoCol {
        flex-basis: auto;
        max-width: auto;
        max-width: initial;
        display: none;
    }
}

.career.bodyclass.page-second .btn {
    min-width: 200px;
}

@media only screen and (max-width: 896px) {
    .career.bodyclass.page-second .btn {
        min-width: 284px;
    }
}